Infosakh, спасибо большое за инфу!
Решил вопрос все-таки скриптом
highslide. Я его уже давно применял для вывода картинок в VM (на самых разных версиях),
используя imagesize, но там сильно урезанный функционал в самом скрипте, не позволяющий работать с HTML.
Теперь все OK!
Выглядит это так:
Скачиваем архив со скриптом (уже урезанным и несколько подправленным).
Кидаем в
includes/js (хотя, в принципе, неважно).
В индексе шаблона между <head> и </head> подключаем скриптинку:
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/includes/js/imgsize/imgsize.js"></script>
<link href="<?php echo $mosConfig_live_site;?>/includes/js/imgsize/imgsize.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript">
hs.graphicsDir = '<?php echo $mosConfig_live_site;?>/includes/js/imgsize/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
</script>
Здесь же, в индексе, для запуска окна перед закрывающим тегом </body> прописываем такую функцию:
<script type="text/javascript">
function openNewWindow(_this)
{
var w = (window.innerWidth / 100) * 50;
var h = (window.innerHeight / 100) * 50;
hs.minWidth = w;
hs.minHeight = h;
var result = hs.htmlExpand(_this, { objectType: 'iframe' } );
return result;
}
</script>
У себя я ее вообще воткнул в Joomla.javascript.js (чтобы не размножались...)
Затем, в shop.browse.php, закоментировав:
$product_details = $VM_LANG->_('PHPSHOP_FLYPAGE_LBL');поставить такую конструкцию:
$product_details = "<a onclick='return openNewWindow(this)' title='Подробные характеристики' href=\"/index2.php?option=com_virtuemart&page=shop.product_details&flypage=flypage_small.tpl&product_id=".$db_browse->f("product_id")."&category_id=" . $db_browse->f("category_id")."\">Подробности...</a>";И последнее... В browse_X - в нужном месте вставить это:
<a href="<?php echo $product_flypage ?>">[<?php echo $product_details ?>...]</a>Таким образом, мы не тронем основную ссылку - название продукта (пускай переходят на карточку товара в штатном режиме), а используем ссылку подробнее, запускающую карточку товара в всплывающем окне.
В ссылке указал буквально:
flypage=flypage_small.tpl (обозвать можно как угодно), создав предварительно сам файл с нужным содержимым (картинки, подробное описание и т.п.).
Очень важный момент - весь CSS в всплывающем окне сохранится (подключенные скрипты, если есть, тоже).
Проверил в IE8, Лисе, Опере и Хроме - работает! (но IE - это нечто!)
Можно попытаться тестануть...
[вложение удалено Администратором]
02.03.2014, 21:35:51